<!DOCTYPE html>
<html lang="en">
<head>
	<script src="/static/js/dev.js"></script>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<!--bootstrap插件-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link href="/static/plugin/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="/static/plugin/jo/joUI.css" rel="stylesheet"/>
	<!--字体插件-->
	<link href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
	<link href="/static/plugin/layui-2.4.3/css/layui.css" rel="stylesheet"/>
	<!--ztree-->
	<link href="/static/plugin/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
	<!--common-->
	<link href="/static/css/common.css" rel="stylesheet"/>
<title>按钮选择</title>
<style>
body{/*overflow:hidden;*/ list-style:none;margin:0px;padding:0px;}
ul{list-style:none;margin:0px;padding:0px;}
.icon_bar{width:100%;height:100%;border:#58AFF7 solid 0px;}
.icon_type{width:100%;height:34px;border-bottom:#58AFF7 solid 1px; background-color: #ffffff;}
.icon_show{width:100%;height:calc(100% - 35px);}
.icon_ul{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;}
.icon_ul::after{content:""; display: block;clear:both;}
.icon_ul li{width:25px;height:25px;line-height:25px;border:rgba(36,61,89,0) solid 1px;float:left;text-align:center;cursor:default;font-size:16px;}
.icon_ul li i{font-size:16px;}
.icon_ul li a{color:#333333;}
.icon_ul li:hover{border:#58AFF7 solid 1px;}
.icon_ul li:active{font-size:20px;}

.joTab{margin:0px;padding:0px;list-style:none;height:32px;line-height:32px;}
.joTab::after{content:""; display: block;clear:both;}
.joTab li{width:auto;height:100%;max-height:35px;float:left;padding:0px 10px;
text-align:center;border:rgba(36,61,89,0) solid 0px;margin:0px 1px;}
.joTab li:hover{border:#58AFF7 solid 0px;border-bottom:red solid 2px;cursor:pointer;border-radius:4px 4px 0px 0px;}
.joTab .cur{border:#58AFF7 solid 0px;border-bottom:red solid 2px;cursor:pointer;border-radius:4px 4px 0px 0px;
background-color: #58AFF7;color:#FFFFFF;}
.joTabSheet{display:none;overflow-y: auto;}
</style>


</head>
<body>
	
	<div class="icon_bar">
		<div class="icon_type">
			<ul class="joTab" style="padding-top:2px;padding-left:2px;">
				<li tab="tab2" class="cur">功能图标</li>
				<li tab="tab1">箭头图标</li>
				<li tab="tab5">音频图标</li>
				<li tab="tab7">文本编辑</li>
				<!--<li tab="tab3">列表图标</li>
				<li tab="tab6">导航图标</li>-->
				<!--<li tab="tab4">其他图标</li>-->
			</ul>
		</div>

		<!-- 箭头 -->
		<div class="icon_show joTabSheet" id="tab1">
			<ul class="icon_ul">
				<li><a class="fa fa-angle-double-down" ></a></li>
				<li><a class="fa fa-angle-double-left" ></a></li>
				<li><a class="fa fa-angle-double-right" ></a></li>
				<li><a class="fa fa-angle-double-up" ></a></li>
				<li><a class="fa fa-angle-down" ></a></li>
				<li><a class="fa fa-angle-left" ></a></li>
				<li><a class="fa fa-angle-right" ></a></li>
				<li><a class="fa fa-angle-up" ></a></li>
				<li><a class="fa fa-arrow-circle-down" ></a></li>
				<li><a class="fa fa-arrow-circle-left" ></a></li>
				<li><a class="fa fa-arrow-circle-o-down" ></a></li>
				<li><a class="fa fa-arrow-circle-o-left" ></a></li>
				<li><a class="fa fa-arrow-circle-o-right" ></a></li>
				<li><a class="fa fa-arrow-circle-o-up" ></a></li>
				<li><a class="fa fa-arrow-circle-right" ></a></li>
				<li><a class="fa fa-arrow-circle-up" ></a></li>
				<li><a class="fa fa-arrow-down" ></a></li>
				<li><a class="fa fa-arrow-left" ></a></li>
				<li><a class="fa fa-arrow-right" ></a></li>
				<li><a class="fa fa-arrow-up" ></a></li>
				<li><a class="fa fa-arrows" ></a></li>
				<li><a class="fa fa-arrows-alt" ></a></li>
				<li><a class="fa fa-arrows-h" ></a></li>
				<li><a class="fa fa-arrows-v" ></a></li>
				<li><a class="fa fa-caret-down" ></a></li>
				<li><a class="fa fa-caret-left" ></a></li>
				<li><a class="fa fa-caret-right" ></a></li>
				<li><a class="fa fa-caret-square-o-down" ></a></li>
				<li><a class="fa fa-caret-square-o-left" ></a></li>
				<li><a class="fa fa-caret-square-o-right" ></a></li>
				<li><a class="fa fa-caret-square-o-up" ></a></li>
				<li><a class="fa fa-caret-up" ></a></li>
				<li><a class="fa fa-chevron-circle-down" ></a></li>
				<li><a class="fa fa-chevron-circle-left" ></a></li>
				<li><a class="fa fa-chevron-circle-right" ></a></li>
				<li><a class="fa fa-chevron-circle-up" ></a></li>
				<li><a class="fa fa-chevron-down" ></a></li>
				<li><a class="fa fa-chevron-left" ></a></li>
				<li><a class="fa fa-chevron-right" ></a></li>
				<li><a class="fa fa-chevron-up" ></a></li>
				<li><a class="fa fa-exchange" ></a></li>
				<li><a class="fa fa-hand-o-down" ></a></li>
				<li><a class="fa fa-hand-o-left" ></a></li>
				<li><a class="fa fa-hand-o-right" ></a></li>
				<li><a class="fa fa-hand-o-up" ></a></li>
				<li><a class="fa fa-long-arrow-down" ></a></li>
				<li><a class="fa fa-long-arrow-left" ></a></li>
				<li><a class="fa fa-long-arrow-right" ></a></li>
				<li><a class="fa fa-long-arrow-up" ></a></li>
				<li><a class="fa fa-toggle-down" ></a></li>
				<li><a class="fa fa-toggle-left" ></a></li>
				<li><a class="fa fa-toggle-right" ></a></li>
				<li><a class="fa fa-toggle-up" ></a></li>

				<li><a class="fa fa-genderless" ></a></li>
				<li><a class="fa fa-intersex" ></a></li>
				<li><a class="fa fa-mars" ></a></li>
				<li><a class="fa fa-mars-double" ></a></li>
				<li><a class="fa fa-mars-stroke" ></a></li>
				<li><a class="fa fa-mars-stroke-h" ></a></li>
				<li><a class="fa fa-mars-stroke-v" ></a></li>
				<li><a class="fa fa-mercury" ></a></li>
				<li><a class="fa fa-neuter" ></a></li>
				<li><a class="fa fa-transgender" ></a></li>
				<li><a class="fa fa-transgender-alt" ></a></li>
				<li><a class="fa fa-venus" ></a></li>
				<li><a class="fa fa-venus-double" ></a></li>
				<li><a class="fa fa-venus-mars" ></a></li>

				<li><a class="fa fa-hand-grab-o" ></a></li>
				<li><a class="fa fa-hand-lizard-o" ></a></li>
				<li><a class="fa fa-hand-o-down" ></a></li>
				<li><a class="fa fa-hand-o-left" ></a></li>
				<li><a class="fa fa-hand-o-right" ></a></li>
				<li><a class="fa fa-hand-o-up" ></a></li>
				<li><a class="fa fa-hand-paper-o" ></a></li>
				<li><a class="fa fa-hand-peace-o" ></a></li>
				<li><a class="fa fa-hand-pointer-o" ></a></li>
				<li><a class="fa fa-hand-rock-o" ></a></li>
				<li><a class="fa fa-hand-scissors-o" ></a></li>
				<li><a class="fa fa-hand-spock-o" ></a></li>
				<li><a class="fa fa-hand-stop-o" ></a></li>
				<li><a class="fa fa-thumbs-down" ></a></li>
				<li><a class="fa fa-thumbs-o-down" ></a></li>
				<li><a class="fa fa-thumbs-o-up" ></a></li>
				<li><a class="fa fa-thumbs-up" ></a></li>

			</ul>
		</div>
		<!-- 功能型 -->
		<div class="icon_show joTabSheet" id="tab2">
			<ul class="icon_ul">
				<li><a title="fa-check-square" class="fa fa-check-square"></a></li>
				<li><a title="fa-check-square-o" class="fa fa-check-square-o"></a></li>
				<li><a title="fa-circle" class="fa fa-circle"></a></li>
				<li><a title="fa-circle-o" class="fa fa-circle-o"></a></li>
				<li><a title="fa-dot-circle-o" class="fa fa-dot-circle-o"></a></li>
				<li><a class="fa fa-minus-square"></a></li>
				<li><a class="fa fa-minus-square-o"></a></li>
				<li><a class="fa fa-plus-square"></a></li>
				<li><a class="fa fa-plus-square-o"></a></li>
				<li><a class="fa fa-square"></a></li>
				<li><a class="fa fa-square-o"></a></li>
				<li><a class="fa fa-area-chart"></a></li>
				<li><a class="fa fa-bar-chart"></a></li>
				<li><a class="fa fa-bar-chart-o"></a></li>
				<li><a class="fa fa-line-chart"></a></li>
				<li><a class="fa fa-pie-chart"></a></li>

				<li><a class="fa fa-address-book" ></a></li>
				<li><a class="fa fa-address-book-o" ></a></li>
				<li><a class="fa fa-address-card" ></a></li>
				<li><a class="fa fa-address-card-o" ></a></li>
				<li><a class="fa fa-adjust" ></a></li>
				<li><a class="fa fa-american-sign-language-interpreting" ></a></li>
				<li><a class="fa fa-anchor" ></a></li>
				<li><a class="fa fa-archive" ></a></li>
				<li><a class="fa fa-area-chart" ></a></li>
				<li><a class="fa fa-arrows" ></a></li>
				<li><a class="fa fa-arrows-h" ></a></li>
				<li><a class="fa fa-arrows-v" ></a></li>
				<li><a class="fa fa-asl-interpreting" ></a></li>
				<li><a class="fa fa-assistive-listening-systems" ></a></li>
				<li><a class="fa fa-asterisk" ></a></li>
				<li><a class="fa fa-at" ></a></li>
				<li><a class="fa fa-audio-description" ></a></li>
				<li><a class="fa fa-automobile" ></a></li>
				<li><a class="fa fa-balance-scale" ></a></li>
				<li><a class="fa fa-ban" ></a></li>
				<li><a class="fa fa-bank" ></a></li>
				<li><a class="fa fa-bar-chart" ></a></li>
				<li><a class="fa fa-bar-chart-o" ></a></li>
				<li><a class="fa fa-barcode" ></a></li>
				<li><a class="fa fa-bars" ></a></li>
				<li><a class="fa fa-bath" ></a></li>
				<li><a class="fa fa-bathtub" ></a></li>
				<li><a class="fa fa-battery" ></a></li>
				<li><a class="fa fa-battery-0" ></a></li>
				<li><a class="fa fa-battery-1" ></a></li>
				<li><a class="fa fa-battery-2" ></a></li>
				<li><a class="fa fa-battery-3" ></a></li>
				<li><a class="fa fa-battery-4" ></a></li>
				<li><a class="fa fa-battery-empty" ></a></li>
				<li><a class="fa fa-battery-full" ></a></li>
				<li><a class="fa fa-battery-half" ></a></li>
				<li><a class="fa fa-battery-quarter" ></a></li>
				<li><a class="fa fa-battery-three-quarters" ></a></li>
				<li><a class="fa fa-bed" ></a></li>
				<li><a class="fa fa-beer" ></a></li>
				<li><a class="fa fa-bell" ></a></li>
				<li><a class="fa fa-bell-o" ></a></li>
				<li><a class="fa fa-bell-slash" ></a></li>
				<li><a class="fa fa-bell-slash-o" ></a></li>
				<li><a class="fa fa-bicycle" ></a></li>
				<li><a class="fa fa-binoculars" ></a></li>
				<li><a class="fa fa-birthday-cake" ></a></li>
				<li><a class="fa fa-blind" ></a></li>
				<li><a class="fa fa-bluetooth" ></a></li>
				<li><a class="fa fa-bluetooth-b" ></a></li>
				<li><a class="fa fa-bolt" ></a></li>
				<li><a class="fa fa-bomb" ></a></li>
				<li><a class="fa fa-book" ></a></li>
				<li><a class="fa fa-bookmark" ></a></li>
				<li><a class="fa fa-bookmark-o" ></a></li>
				<li><a class="fa fa-braille" ></a></li>
				<li><a class="fa fa-briefcase" ></a></li>
				<li><a class="fa fa-bug" ></a></li>
				<li><a class="fa fa-building" ></a></li>
				<li><a class="fa fa-building-o" ></a></li>
				<li><a class="fa fa-bullhorn" ></a></li>
				<li><a class="fa fa-bullseye" ></a></li>
				<li><a class="fa fa-bus" ></a></li>
				<li><a class="fa fa-cab" ></a></li>
				<li><a class="fa fa-calculator" ></a></li>
				<li><a class="fa fa-calendar" ></a></li>
				<li><a class="fa fa-calendar-check-o" ></a></li>
				<li><a class="fa fa-calendar-minus-o" ></a></li>
				<li><a class="fa fa-calendar-o" ></a></li>
				<li><a class="fa fa-calendar-plus-o" ></a></li>
				<li><a class="fa fa-calendar-times-o" ></a></li>
				<li><a class="fa fa-camera" ></a></li>
				<li><a class="fa fa-camera-retro" ></a></li>
				<li><a class="fa fa-car" ></a></li>
				<li><a class="fa fa-caret-square-o-down" ></a></li>
				<li><a class="fa fa-caret-square-o-left" ></a></li>
				<li><a class="fa fa-caret-square-o-right" ></a></li>
				<li><a class="fa fa-caret-square-o-up" ></a></li>
				<li><a class="fa fa-cart-arrow-down" ></a></li>
				<li><a class="fa fa-cart-plus" ></a></li>
				<li><a class="fa fa-cc" ></a></li>
				<li><a class="fa fa-certificate" ></a></li>
				<li><a class="fa fa-check" ></a></li>
				<li><a class="fa fa-check-circle" ></a></li>
				<li><a class="fa fa-check-circle-o" ></a></li>
				<li><a class="fa fa-check-square" ></a></li>
				<li><a class="fa fa-check-square-o" ></a></li>
				<li><a class="fa fa-child" ></a></li>
				<li><a class="fa fa-circle" ></a></li>
				<li><a class="fa fa-circle-o" ></a></li>
				<li><a class="fa fa-circle-o-notch" ></a></li>
				<li><a class="fa fa-circle-thin" ></a></li>
				<li><a class="fa fa-clock-o" ></a></li>
				<li><a class="fa fa-clone" ></a></li>
				<li><a class="fa fa-close" ></a></li>
				<li><a class="fa fa-cloud" ></a></li>
				<li><a class="fa fa-cloud-download" ></a></li>
				<li><a class="fa fa-cloud-upload" ></a></li>
				<li><a class="fa fa-code" ></a></li>
				<li><a class="fa fa-code-fork" ></a></li>
				<li><a class="fa fa-coffee" ></a></li>
				<li><a class="fa fa-cog" ></a></li>
				<li><a class="fa fa-cogs" ></a></li>
				<li><a class="fa fa-comment" ></a></li>
				<li><a class="fa fa-comment-o" ></a></li>
				<li><a class="fa fa-commenting" ></a></li>
				<li><a class="fa fa-commenting-o" ></a></li>
				<li><a class="fa fa-comments" ></a></li>
				<li><a class="fa fa-comments-o" ></a></li>
				<li><a class="fa fa-compass" ></a></li>
				<li><a class="fa fa-copyright" ></a></li>
				<li><a class="fa fa-creative-commons" ></a></li>
				<li><a class="fa fa-credit-card" ></a></li>
				<li><a class="fa fa-credit-card-alt" ></a></li>
				<li><a class="fa fa-crop" ></a></li>
				<li><a class="fa fa-crosshairs" ></a></li>
				<li><a class="fa fa-cube" ></a></li>
				<li><a class="fa fa-cubes" ></a></li>
				<li><a class="fa fa-cutlery" ></a></li>
				<li><a class="fa fa-dashboard" ></a></li>
				<li><a class="fa fa-database" ></a></li>
				<li><a class="fa fa-deaf" ></a></li>
				<li><a class="fa fa-deafness" ></a></li>
				<li><a class="fa fa-desktop" ></a></li>
				<li><a class="fa fa-diamond" ></a></li>
				<li><a class="fa fa-dot-circle-o" ></a></li>
				<li><a class="fa fa-download" ></a></li>
				<li><a class="fa fa-drivers-license" ></a></li>
				<li><a class="fa fa-drivers-license-o" ></a></li>
				<li><a class="fa fa-edit" ></a></li>
				<li><a class="fa fa-ellipsis-h" ></a></li>
				<li><a class="fa fa-ellipsis-v" ></a></li>
				<li><a class="fa fa-envelope" ></a></li>
				<li><a class="fa fa-envelope-o" ></a></li>
				<li><a class="fa fa-envelope-open" ></a></li>
				<li><a class="fa fa-envelope-open-o" ></a></li>
				<li><a class="fa fa-envelope-square" ></a></li>
				<li><a class="fa fa-eraser" ></a></li>
				<li><a class="fa fa-exchange" ></a></li>
				<li><a class="fa fa-exclamation" ></a></li>
				<li><a class="fa fa-exclamation-circle" ></a></li>
				<li><a class="fa fa-exclamation-triangle" ></a></li>
				<li><a class="fa fa-external-link" ></a></li>
				<li><a class="fa fa-external-link-square" ></a></li>
				<li><a class="fa fa-eye" ></a></li>
				<li><a class="fa fa-eye-slash" ></a></li>
				<li><a class="fa fa-eyedropper" ></a></li>
				<li><a class="fa fa-fax" ></a></li>
				<li><a class="fa fa-feed" ></a></li>
				<li><a class="fa fa-female" ></a></li>
				<li><a class="fa fa-fighter-jet" ></a></li>
				<li><a class="fa fa-file-archive-o" ></a></li>
				<li><a class="fa fa-file-audio-o" ></a></li>
				<li><a class="fa fa-file-code-o" ></a></li>
				<li><a class="fa fa-file-excel-o" ></a></li>
				<li><a class="fa fa-file-image-o" ></a></li>
				<li><a class="fa fa-file-movie-o" ></a></li>
				<li><a class="fa fa-file-pdf-o" ></a></li>
				<li><a class="fa fa-file-photo-o" ></a></li>
				<li><a class="fa fa-file-picture-o" ></a></li>
				<li><a class="fa fa-file-powerpoint-o" ></a></li>
				<li><a class="fa fa-file-sound-o" ></a></li>
				<li><a class="fa fa-file-video-o" ></a></li>
				<li><a class="fa fa-file-word-o" ></a></li>
				<li><a class="fa fa-file-zip-o" ></a></li>
				<li><a class="fa fa-film" ></a></li>
				<li><a class="fa fa-filter" ></a></li>
				<li><a class="fa fa-fire" ></a></li>
				<li><a class="fa fa-fire-extinguisher" ></a></li>
				<li><a class="fa fa-flag" ></a></li>
				<li><a class="fa fa-flag-checkered" ></a></li>
				<li><a class="fa fa-flag-o" ></a></li>
				<li><a class="fa fa-flash" ></a></li>
				<li><a class="fa fa-flask" ></a></li>
				<li><a class="fa fa-folder" ></a></li>
				<li><a class="fa fa-folder-o" ></a></li>
				<li><a class="fa fa-folder-open" ></a></li>
				<li><a class="fa fa-folder-open-o" ></a></li>
				<li><a class="fa fa-frown-o" ></a></li>
				<li><a class="fa fa-futbol-o" ></a></li>
				<li><a class="fa fa-gamepad" ></a></li>
				<li><a class="fa fa-gavel" ></a></li>
				<li><a class="fa fa-gear" ></a></li>
				<li><a class="fa fa-gears" ></a></li>
				<li><a class="fa fa-gift" ></a></li>
				<li><a class="fa fa-glass" ></a></li>
				<li><a class="fa fa-globe" ></a></li>
				<li><a class="fa fa-graduation-cap" ></a></li>
				<li><a class="fa fa-group" ></a></li>
				<li><a class="fa fa-hand-grab-o" ></a></li>
				<li><a class="fa fa-hand-lizard-o" ></a></li>
				<li><a class="fa fa-hand-paper-o" ></a></li>
				<li><a class="fa fa-hand-peace-o" ></a></li>
				<li><a class="fa fa-hand-pointer-o" ></a></li>
				<li><a class="fa fa-hand-rock-o" ></a></li>
				<li><a class="fa fa-hand-scissors-o" ></a></li>
				<li><a class="fa fa-hand-spock-o" ></a></li>
				<li><a class="fa fa-hand-stop-o" ></a></li>
				<li><a class="fa fa-handshake-o" ></a></li>
				<li><a class="fa fa-hard-of-hearing" ></a></li>
				<li><a class="fa fa-hashtag" ></a></li>
				<li><a class="fa fa-hdd-o" ></a></li>
				<li><a class="fa fa-headphones" ></a></li>
				<li><a class="fa fa-heart" ></a></li>
				<li><a class="fa fa-heart-o" ></a></li>
				<li><a class="fa fa-heartbeat" ></a></li>
				<li><a class="fa fa-history" ></a></li>
				<li><a class="fa fa-home" ></a></li>
				<li><a class="fa fa-hotel" ></a></li>
				<li><a class="fa fa-hourglass" ></a></li>
				<li><a class="fa fa-hourglass-1" ></a></li>
				<li><a class="fa fa-hourglass-2" ></a></li>
				<li><a class="fa fa-hourglass-3" ></a></li>
				<li><a class="fa fa-hourglass-end" ></a></li>
				<li><a class="fa fa-hourglass-half" ></a></li>
				<li><a class="fa fa-hourglass-o" ></a></li>
				<li><a class="fa fa-hourglass-start" ></a></li>
				<li><a class="fa fa-i-cursor" ></a></li>
				<li><a class="fa fa-id-badge" ></a></li>
				<li><a class="fa fa-id-card" ></a></li>
				<li><a class="fa fa-id-card-o" ></a></li>
				<li><a class="fa fa-image" ></a></li>
				<li><a class="fa fa-inbox" ></a></li>
				<li><a class="fa fa-industry" ></a></li>
				<li><a class="fa fa-info" ></a></li>
				<li><a class="fa fa-info-circle" ></a></li>
				<li><a class="fa fa-institution" ></a></li>
				<li><a class="fa fa-key" ></a></li>
				<li><a class="fa fa-keyboard-o" ></a></li>
				<li><a class="fa fa-language" ></a></li>
				<li><a class="fa fa-laptop" ></a></li>
				<li><a class="fa fa-leaf" ></a></li>
				<li><a class="fa fa-legal" ></a></li>
				<li><a class="fa fa-lemon-o" ></a></li>
				<li><a class="fa fa-level-down" ></a></li>
				<li><a class="fa fa-level-up" ></a></li>
				<li><a class="fa fa-life-bouy" ></a></li>
				<li><a class="fa fa-life-buoy" ></a></li>
				<li><a class="fa fa-life-ring" ></a></li>
				<li><a class="fa fa-life-saver" ></a></li>
				<li><a class="fa fa-lightbulb-o" ></a></li>
				<li><a class="fa fa-line-chart" ></a></li>
				<li><a class="fa fa-location-arrow" ></a></li>
				<li><a class="fa fa-lock" ></a></li>
				<li><a class="fa fa-low-vision" ></a></li>
				<li><a class="fa fa-magic" ></a></li>
				<li><a class="fa fa-magnet" ></a></li>
				<li><a class="fa fa-mail-forward" ></a></li>
				<li><a class="fa fa-mail-reply" ></a></li>
				<li><a class="fa fa-mail-reply-all" ></a></li>
				<li><a class="fa fa-male" ></a></li>
				<li><a class="fa fa-map" ></a></li>
				<li><a class="fa fa-map-marker" ></a></li>
				<li><a class="fa fa-map-o" ></a></li>
				<li><a class="fa fa-map-pin" ></a></li>
				<li><a class="fa fa-map-signs" ></a></li>
				<li><a class="fa fa-meh-o" ></a></li>
				<li><a class="fa fa-microchip" ></a></li>
				<li><a class="fa fa-microphone" ></a></li>
				<li><a class="fa fa-microphone-slash" ></a></li>
				<li><a class="fa fa-minus" ></a></li>
				<li><a class="fa fa-minus-circle" ></a></li>
				<li><a class="fa fa-minus-square" ></a></li>
				<li><a class="fa fa-minus-square-o" ></a></li>
				<li><a class="fa fa-mobile" ></a></li>
				<li><a class="fa fa-mobile-phone" ></a></li>
				<li><a class="fa fa-money" ></a></li>
				<li><a class="fa fa-moon-o" ></a></li>
				<li><a class="fa fa-mortar-board" ></a></li>
				<li><a class="fa fa-motorcycle" ></a></li>
				<li><a class="fa fa-mouse-pointer" ></a></li>
				<li><a class="fa fa-music" ></a></li>
				<li><a class="fa fa-navicon" ></a></li>
				<li><a class="fa fa-newspaper-o" ></a></li>
				<li><a class="fa fa-object-group" ></a></li>
				<li><a class="fa fa-object-ungroup" ></a></li>
				<li><a class="fa fa-paint-brush" ></a></li>
				<li><a class="fa fa-paper-plane" ></a></li>
				<li><a class="fa fa-paper-plane-o" ></a></li>
				<li><a class="fa fa-paw" ></a></li>
				<li><a class="fa fa-pencil" ></a></li>
				<li><a class="fa fa-pencil-square" ></a></li>
				<li><a class="fa fa-pencil-square-o" ></a></li>
				<li><a class="fa fa-percent" ></a></li>
				<li><a class="fa fa-phone" ></a></li>
				<li><a class="fa fa-phone-square" ></a></li>
				<li><a class="fa fa-photo" ></a></li>
				<li><a class="fa fa-picture-o" ></a></li>
				<li><a class="fa fa-pie-chart" ></a></li>
				<li><a class="fa fa-plane" ></a></li>
				<li><a class="fa fa-plug" ></a></li>
				<li><a class="fa fa-plus" ></a></li>
				<li><a class="fa fa-plus-circle" ></a></li>
				<li><a class="fa fa-plus-square" ></a></li>
				<li><a class="fa fa-plus-square-o" ></a></li>
				<li><a class="fa fa-podcast" ></a></li>
				<li><a class="fa fa-power-off" ></a></li>
				<li><a class="fa fa-print" ></a></li>
				<li><a class="fa fa-puzzle-piece" ></a></li>
				<li><a class="fa fa-qrcode" ></a></li>
				<li><a class="fa fa-question" ></a></li>
				<li><a class="fa fa-question-circle" ></a></li>
				<li><a class="fa fa-question-circle-o" ></a></li>
				<li><a class="fa fa-quote-left" ></a></li>
				<li><a class="fa fa-quote-right" ></a></li>
				<li><a class="fa fa-random" ></a></li>
				<li><a class="fa fa-recycle" ></a></li>
				<li><a class="fa fa-refresh" ></a></li>
				<li><a class="fa fa-registered" ></a></li>
				<li><a class="fa fa-remove" ></a></li>
				<li><a class="fa fa-reorder" ></a></li>
				<li><a class="fa fa-reply" ></a></li>
				<li><a class="fa fa-reply-all" ></a></li>
				<li><a class="fa fa-retweet" ></a></li>
				<li><a class="fa fa-road" ></a></li>
				<li><a class="fa fa-rocket" ></a></li>
				<li><a class="fa fa-rss" ></a></li>
				<li><a class="fa fa-rss-square" ></a></li>
				<li><a class="fa fa-s15" ></a></li>
				<li><a class="fa fa-search" ></a></li>
				<li><a class="fa fa-search-minus" ></a></li>
				<li><a class="fa fa-search-plus" ></a></li>
				<li><a class="fa fa-send" ></a></li>
				<li><a class="fa fa-send-o" ></a></li>
				<li><a class="fa fa-server" ></a></li>
				<li><a class="fa fa-share" ></a></li>
				<li><a class="fa fa-share-alt" ></a></li>
				<li><a class="fa fa-share-alt-square" ></a></li>
				<li><a class="fa fa-share-square" ></a></li>
				<li><a class="fa fa-share-square-o" ></a></li>
				<li><a class="fa fa-shield" ></a></li>
				<li><a class="fa fa-ship" ></a></li>
				<li><a class="fa fa-shopping-bag" ></a></li>
				<li><a class="fa fa-shopping-basket" ></a></li>
				<li><a class="fa fa-shopping-cart" ></a></li>
				<li><a class="fa fa-shower" ></a></li>
				<li><a class="fa fa-sign-in" ></a></li>
				<li><a class="fa fa-sign-language" ></a></li>
				<li><a class="fa fa-sign-out" ></a></li>
				<li><a class="fa fa-signal" ></a></li>
				<li><a class="fa fa-signing" ></a></li>
				<li><a class="fa fa-sitemap" ></a></li>
				<li><a class="fa fa-sliders" ></a></li>
				<li><a class="fa fa-smile-o" ></a></li>
				<li><a class="fa fa-snowflake-o" ></a></li>
				<li><a class="fa fa-soccer-ball-o" ></a></li>
				<li><a class="fa fa-sort" ></a></li>
				<li><a class="fa fa-sort-alpha-asc" ></a></li>
				<li><a class="fa fa-sort-alpha-desc" ></a></li>
				<li><a class="fa fa-sort-amount-asc" ></a></li>
				<li><a class="fa fa-sort-amount-desc" ></a></li>
				<li><a class="fa fa-sort-asc" ></a></li>
				<li><a class="fa fa-sort-desc" ></a></li>
				<li><a class="fa fa-sort-down" ></a></li>
				<li><a class="fa fa-sort-numeric-asc" ></a></li>
				<li><a class="fa fa-sort-numeric-desc" ></a></li>
				<li><a class="fa fa-sort-up" ></a></li>
				<li><a class="fa fa-space-shuttle" ></a></li>
				<li><a class="fa fa-spinner" ></a></li>
				<li><a class="fa fa-spoon" ></a></li>
				<li><a class="fa fa-square" ></a></li>
				<li><a class="fa fa-square-o" ></a></li>
				<li><a class="fa fa-star" ></a></li>
				<li><a class="fa fa-star-half" ></a></li>
				<li><a class="fa fa-star-half-empty" ></a></li>
				<li><a class="fa fa-star-half-full" ></a></li>
				<li><a class="fa fa-star-half-o" ></a></li>
				<li><a class="fa fa-star-o" ></a></li>
				<li><a class="fa fa-sticky-note" ></a></li>
				<li><a class="fa fa-sticky-note-o" ></a></li>
				<li><a class="fa fa-street-view" ></a></li>
				<li><a class="fa fa-suitcase" ></a></li>
				<li><a class="fa fa-sun-o" ></a></li>
				<li><a class="fa fa-support" ></a></li>
				<li><a class="fa fa-tablet" ></a></li>
				<li><a class="fa fa-tachometer" ></a></li>
				<li><a class="fa fa-tag" ></a></li>
				<li><a class="fa fa-tags" ></a></li>
				<li><a class="fa fa-tasks" ></a></li>
				<li><a class="fa fa-taxi" ></a></li>
				<li><a class="fa fa-television" ></a></li>
				<li><a class="fa fa-terminal" ></a></li>
				<li><a class="fa fa-thermometer" ></a></li>
				<li><a class="fa fa-thermometer-0" ></a></li>
				<li><a class="fa fa-thermometer-1" ></a></li>
				<li><a class="fa fa-thermometer-2" ></a></li>
				<li><a class="fa fa-thermometer-3" ></a></li>
				<li><a class="fa fa-thermometer-4" ></a></li>
				<li><a class="fa fa-thermometer-empty" ></a></li>
				<li><a class="fa fa-thermometer-full" ></a></li>
				<li><a class="fa fa-thermometer-half" ></a></li>
				<li><a class="fa fa-thermometer-quarter" ></a></li>
				<li><a class="fa fa-thermometer-three-quarters" ></a></li>
				<li><a class="fa fa-thumb-tack" ></a></li>
				<li><a class="fa fa-thumbs-down" ></a></li>
				<li><a class="fa fa-thumbs-o-down" ></a></li>
				<li><a class="fa fa-thumbs-o-up" ></a></li>
				<li><a class="fa fa-thumbs-up" ></a></li>
				<li><a class="fa fa-ticket" ></a></li>
				<li><a class="fa fa-times" ></a></li>
				<li><a class="fa fa-times-circle" ></a></li>
				<li><a class="fa fa-times-circle-o" ></a></li>
				<li><a class="fa fa-times-rectangle" ></a></li>
				<li><a class="fa fa-times-rectangle-o" ></a></li>
				<li><a class="fa fa-tint" ></a></li>
				<li><a class="fa fa-toggle-down" ></a></li>
				<li><a class="fa fa-toggle-left" ></a></li>
				<li><a class="fa fa-toggle-off" ></a></li>
				<li><a class="fa fa-toggle-on" ></a></li>
				<li><a class="fa fa-toggle-right" ></a></li>
				<li><a class="fa fa-toggle-up" ></a></li>
				<li><a class="fa fa-trademark" ></a></li>
				<li><a class="fa fa-trash" ></a></li>
				<li><a class="fa fa-trash-o" ></a></li>
				<li><a class="fa fa-tree" ></a></li>
				<li><a class="fa fa-trophy" ></a></li>
				<li><a class="fa fa-truck" ></a></li>
				<li><a class="fa fa-tty" ></a></li>
				<li><a class="fa fa-tv" ></a></li>
				<li><a class="fa fa-umbrella" ></a></li>
				<li><a class="fa fa-universal-access" ></a></li>
				<li><a class="fa fa-university" ></a></li>
				<li><a class="fa fa-unlock" ></a></li>
				<li><a class="fa fa-unlock-alt" ></a></li>
				<li><a class="fa fa-unsorted" ></a></li>
				<li><a class="fa fa-upload" ></a></li>
				<li><a class="fa fa-user" ></a></li>
				<li><a class="fa fa-user-circle" ></a></li>
				<li><a class="fa fa-user-circle-o" ></a></li>
				<li><a class="fa fa-user-o" ></a></li>
				<li><a class="fa fa-user-plus" ></a></li>
				<li><a class="fa fa-user-secret" ></a></li>
				<li><a class="fa fa-user-times" ></a></li>
				<li><a class="fa fa-users" ></a></li>
				<li><a class="fa fa-vcard" ></a></li>
				<li><a class="fa fa-vcard-o" ></a></li>
				<li><a class="fa fa-video-camera" ></a></li>
				<li><a class="fa fa-volume-control-phone" ></a></li>
				<li><a class="fa fa-volume-down" ></a></li>
				<li><a class="fa fa-volume-off" ></a></li>
				<li><a class="fa fa-volume-up" ></a></li>
				<li><a class="fa fa-warning" ></a></li>
				<li><a class="fa fa-wheelchair" ></a></li>
				<li><a class="fa fa-wheelchair-alt" ></a></li>
				<li><a class="fa fa-wifi" ></a></li>
				<li><a class="fa fa-window-close" ></a></li>
				<li><a class="fa fa-window-close-o" ></a></li>
				<li><a class="fa fa-window-maximize" ></a></li>
				<li><a class="fa fa-window-minimize" ></a></li>
				<li><a class="fa fa-window-restore" ></a></li>
				<li><a class="fa fa-wrench" ></a></li>
			</ul>
		</div>
		<!-- 列表 -->
		<!--<div class="icon_show joTabSheet" id="tab3">
			<ul class="icon_ul">
				<li><a title="icon-list-alt"><i class="icon-list-alt"></i></a></li>

			</ul>
		</div>-->
		<!-- 音频 -->
		<div class="icon_show joTabSheet" id="tab5">
			<ul class="icon_ul">
				<li><a class="fa fa-arrows-alt" ></a></li>
				<li><a class="fa fa-backward" ></a></li>
				<li><a class="fa fa-compress" ></a></li>
				<li><a class="fa fa-eject" ></a></li>
				<li><a class="fa fa-expand" ></a></li>
				<li><a class="fa fa-fast-backward" ></a></li>
				<li><a class="fa fa-fast-forward" ></a></li>
				<li><a class="fa fa-forward" ></a></li>
				<li><a class="fa fa-pause" ></a></li>
				<li><a class="fa fa-pause-circle" ></a></li>
				<li><a class="fa fa-pause-circle-o" ></a></li>
				<li><a class="fa fa-play" ></a></li>
				<li><a class="fa fa-play-circle" ></a></li>
				<li><a class="fa fa-play-circle-o" ></a></li>
				<li><a class="fa fa-random" ></a></li>
				<li><a class="fa fa-step-backward" ></a></li>
				<li><a class="fa fa-step-forward" ></a></li>
				<li><a class="fa fa-stop" ></a></li>
				<li><a class="fa fa-stop-circle" ></a></li>
				<li><a class="fa fa-stop-circle-o" ></a></li>
				<li><a class="fa fa-youtube-play" ></a></li>

			</ul>
		</div>
		<!-- 导航 -->
		<!--<div class="icon_show joTabSheet" id="tab6">
			<ul class="icon_ul">
				<li><a title="icon-minus-sign-alt"><i class="icon-minus-sign-alt"></i></a></li>

			</ul>
		</div>-->
		<!-- 文本编辑 -->
		<div class="icon_show joTabSheet" id="tab7">
			<ul class="icon_ul">

				<li><a class="fa fa-file" ></a></li>
				<li><a class="fa fa-file-archive-o" ></a></li>
				<li><a class="fa fa-file-audio-o" ></a></li>
				<li><a class="fa fa-file-code-o" ></a></li>
				<li><a class="fa fa-file-excel-o" ></a></li>
				<li><a class="fa fa-file-image-o" ></a></li>
				<li><a class="fa fa-file-movie-o" ></a></li>
				<li><a class="fa fa-file-o" ></a></li>
				<li><a class="fa fa-file-pdf-o" ></a></li>
				<li><a class="fa fa-file-photo-o" ></a></li>
				<li><a class="fa fa-file-picture-o" ></a></li>
				<li><a class="fa fa-file-powerpoint-o" ></a></li>
				<li><a class="fa fa-file-sound-o" ></a></li>
				<li><a class="fa fa-file-text" ></a></li>
				<li><a class="fa fa-file-text-o" ></a></li>
				<li><a class="fa fa-file-video-o" ></a></li>
				<li><a class="fa fa-file-word-o" ></a></li>
				<li><a class="fa fa-file-zip-o" ></a></li>

				<li><a class="fa fa-align-center" ></a></li>
				<li><a class="fa fa-align-justify" ></a></li>
				<li><a class="fa fa-align-left" ></a></li>
				<li><a class="fa fa-align-right" ></a></li>
				<li><a class="fa fa-bold" ></a></li>
				<li><a class="fa fa-chain" ></a></li>
				<li><a class="fa fa-chain-broken" ></a></li>
				<li><a class="fa fa-clipboard" ></a></li>
				<li><a class="fa fa-columns" ></a></li>
				<li><a class="fa fa-copy" ></a></li>
				<li><a class="fa fa-cut" ></a></li>
				<li><a class="fa fa-dedent" ></a></li>
				<li><a class="fa fa-eraser" ></a></li>
				<li><a class="fa fa-file" ></a></li>
				<li><a class="fa fa-file-o" ></a></li>
				<li><a class="fa fa-file-text" ></a></li>
				<li><a class="fa fa-file-text-o" ></a></li>
				<li><a class="fa fa-files-o" ></a></li>
				<li><a class="fa fa-floppy-o" ></a></li>
				<li><a class="fa fa-font" ></a></li>
				<li><a class="fa fa-header" ></a></li>
				<li><a class="fa fa-indent" ></a></li>
				<li><a class="fa fa-italic" ></a></li>
				<li><a class="fa fa-link" ></a></li>
				<li><a class="fa fa-list" ></a></li>
				<li><a class="fa fa-list-alt" ></a></li>
				<li><a class="fa fa-list-ol" ></a></li>
				<li><a class="fa fa-list-ul" ></a></li>
				<li><a class="fa fa-outdent" ></a></li>
				<li><a class="fa fa-paperclip" ></a></li>
				<li><a class="fa fa-paragraph" ></a></li>
				<li><a class="fa fa-paste" ></a></li>
				<li><a class="fa fa-repeat" ></a></li>
				<li><a class="fa fa-rotate-left" ></a></li>
				<li><a class="fa fa-rotate-right" ></a></li>
				<li><a class="fa fa-save" ></a></li>
				<li><a class="fa fa-scissors" ></a></li>
				<li><a class="fa fa-strikethrough" ></a></li>
				<li><a class="fa fa-subscript" ></a></li>
				<li><a class="fa fa-superscript" ></a></li>
				<li><a class="fa fa-table" ></a></li>
				<li><a class="fa fa-text-height" ></a></li>
				<li><a class="fa fa-text-width" ></a></li>
				<li><a class="fa fa-th" ></a></li>
				<li><a class="fa fa-th-large" ></a></li>
				<li><a class="fa fa-th-list" ></a></li>
				<li><a class="fa fa-underline" ></a></li>
				<li><a class="fa fa-undo" ></a></li>
				<li><a class="fa fa-unlink" ></a></li>

			</ul>
		</div>
		<!--<div class="icon_show joTabSheet" id="tab4">
			<ul class="icon_ul">
				<li><a title="icon-glass"><i class="icon-glass"></i></a></li>

			</ul>
		</div>-->
	</div>

	<!--配置信息-->
	<script src="/static/js/config.js"></script>
	<!--jquery-->
	<script src="/static/plugin/jquery/jquery-3.3.1.js"></script>
	<script src="/static/plugin/jquery/jquery.cookie.js"></script>
	<!--bootstrap-->
	<script src="/static/plugin/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
	<!--[if lt IE 9]>
	<script src="/static/plugin/other/html5shiv.js"></script>
	<script src="/static/plugin/other/respond.min.js"></script>
	<![endif]-->
	<!--layui-->
	<script src="/static/plugin/layui-2.4.3/layui.all.js"></script>
	<!--ztree-->
	<script src="/static/plugin/zTree/js/jquery.ztree.all.js"></script>
	<!--jo-->
	<script src="/static/plugin/jo/jo.js"></script>
	<script src="/static/plugin/jo/jo-adapt.js"></script>
	<script src="/static/plugin/jo/jo-page-view.js"></script>
	<script src="/static/plugin/jo/jo-page-form.js"></script>
	<script src="/static/plugin/jo/jo-listener.js"></script>
	<!--common-->
	<script src="/static/js/common.js"></script>
	<script type="text/javascript">
		$(function(){
			$(".joTab li").on("click",function(){
				$(".joTab li").removeClass("cur");
				$(this).addClass("cur");
				var sheet = $(this).attr("tab");//对应标签页的id
				$(".joTabSheet").css("display","none");//其他的隐藏
				$("#"+sheet).css("display","block");//选中的显示
			});
			$("#"+$(".joTab .cur").attr("tab")).css("display","block");

			$(".fa").click(function(){
				//$("#showIconWord").val($(this).attr("class"));
				if(typeof(parent.jo.iconSelectClick) == "function"){
					var cls = $(this).attr("class");
					cls = cls.replace("fa ","");
					parent.jo.iconSelectClick(cls);
				}
			});


		})
	</script>

</body>
</html>